<!DOCTYPE html>
<!--
  Name: Youplay - Game Template based on Bootstrap
  Modified By Skypixel Server (PAID)
-->
<html>

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>VBPIXEL - 加入我们</title>

  <meta name="description" content="">
  <meta name="viewport" content="width=device-width, initial-scale=1">


  <!-- Icon -->
  <link rel="shortcut icon" href="logo.png">
  <!-- Google Fonts -->

  <link href='static/css/css-Lato300400700.css' rel='stylesheet' type='text/css'>

  <!-- Bootstrap -->
  <link rel="stylesheet" type="text/css" href="static/css/bootstrap.min.css">

  <!-- FontAwesome -->
  <link rel="stylesheet" type="text/css" href="static/css/font-awesome.min.css">

  <!-- Owl Carousel -->
  <link rel="stylesheet" type="text/css" href="static/css/owl.carousel.min.css">

  <!-- Magnific Popup -->
  <link rel="stylesheet" type="text/css" href="static/css/magnific-popup.css">

  <!-- Revolution Slider -->
  <link rel="stylesheet" type="text/css" href="static/css/settings">

  <!-- Bootstrap Sweetalert -->
  <link rel="stylesheet" type="text/css" href="static/css/sweet-alert.css">

  <!-- Social Likes -->
  <link rel="stylesheet" type="text/css" href="static/css/social-likes_flat.css">
  <!-- Youplay -->

  <link rel="stylesheet" type="text/css" href="static/css/youplay.min.css">

  <!-- Custom Styles -->
  <link rel="stylesheet" type="text/css" href="static/css/custom.css">
  <!-- RTL (uncomment this to enable RTL support) -->
  <!-- <link rel="stylesheet" type="text/css" href="static/css/youplay-rtl.css" /> -->
  <script>
    function QQGroup() {
      swal("拷贝成功，请进入QQ粘贴");
    }
  </script>
</head>


<body>


  <style>
    .alert {
      padding: 20px;
      color: white;

    }

    .closebtn {
      margin-left: 15px;
      color: white;
      font-weight: bold;
      float: right;
      font-size: 22px;
      line-height: 20px;
      cursor: pointer;
      transition: 0.3s;
    }

    .closebtn:hover {
      color: black;
    }
  </style>
  <!-- Navbar -->
  <nav class="navbar-youplay navbar navbar-default navbar-fixed-top ">
    <div class="container">
      <div class="navbar-header">
        <button type="button" class="navbar-toggle collapsed" data-toggle="off-canvas" data-target="#navbar"
          aria-expanded="false" aria-controls="navbar">
          <span class="sr-only">Toggle navigation</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
        <a class="navbar-brand" href="index.html">

        </a>
      </div>
      <div id="navbar" class="navbar-collapse collapse">
        <ul class="nav navbar-nav">
          <li class="dropdown dropdown-hover">
            <a href="index.html" class="dropdown-toggle" role="button" aria-expanded="false">
              主页 <span class="label"></span>
            </a>
          </li>
          <li class="dropdown dropdown-hover">
            <a href="https://afdian.net/a/MCVBPIXEL" class="dropdown-toggle" role="button" aria-expanded="false">
              服务器捐赠 <span class="label"></span>
            </a>
          </li>
          <li class="dropdown dropdown-hover">
            <a href="http://chat.vbpixel.cn:10203" class="dropdown-toggle" role="button" aria-expanded="false">
              网页聊天界面 <span class="label"></span>
            </a>
          </li>
          <li class="dropdown dropdown-hover">
        </ul>
        <ul class="nav navbar-nav navbar-right">

          <li class="dropdown dropdown-hover">
          <li class="dropdown dropdown-hover dropdown-cart">
            <a href="#!" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
              <i class="glyphicon glyphicon-globe"></i>
            </a>
            <div class="dropdown-menu" style="width: 300px;">
              <div class="row youplay-side-news">
                <div class="col-xs-3 col-md-4">
                  <a href="#" class="angled-img">
                    <div class="img">

                      <img src="static/picture/cn.png" alt="">
                    </div>
                  </a>
                </div>
                <div class="col-xs-9 col-md-8">
                  <h4 class="ellipsis"><a id="translateLink" href="javascript:translatePage();">繁体中文</a></h4>
                  <span class="quantity">CHN</span>
                </div>
              </div>
            </div>
          </li>
        </ul>
      </div>
    </div>

  </nav>
  <!-- /Navbar -->


  <!-- Main Content -->
  <section class="content-wrap">

    <!-- Banner -->
    <div class="youplay-banner banner-top youplay-banner-parallax small">
      <div class="image" style="background-image: url('static/image/BridgingShader.png')">
      </div>

      <div class="info">
        <div>
          <div class="container">
            <h1>欢迎您加入VBPIXEL!</h1>
          </div>
        </div>
      </div>
    </div>
    <!-- /Banner -->

    <script src="static/js/clip.js" async='async'></script>
    <script src="static/js/success.js" async='async'></script>
    <script src="static/js/tt.js" async='async'></script>
    <div class="container youplay-content">

      <h2 class="mt-0">成为VBPIXEL的一员</h2>
      <p>
        <h3>直接加入服务器</h3>
		<p>在1.8.9-1.20.x(推荐1.12.2/1.8.9)客户端输入服务器地址:<b>mc.vbpixel.cn</b></p>
    <p>此外，1.19.2+版本的客户端容易被<b>误封！！！</b></p>
      <h3>联系我们</h3>
      <a target="_blank"
        href="https://qm.qq.com/cgi-bin/qm/qr?k=b4g0wGMneXYp0ZSXz08g__-X-yp3aqli&authKey=87ekd77gFFnyycNYYtnOiD+/ZReWAPsOFpVm6vaNIJ2VM9rf8qfC/cVpOycRP9vw&noverify=0&personal_qrcode_source=0"><button
          class="btn btn-lg">加入QQ群</button></a>
          <a target="_blank" href="https://discord.gg/QQznnMcFUX"><button class="btn btn-lg">Discord</button></a>
          <a target="_blank" href="https://kook.top/omrCK8"><button class="btn btn-lg">KOOK</button></a>
    </div>

    <!-- Footer -->
    <footer class="youplay-footer-parallax">
      <script type="text/javascript" src="static/js/tw_cn.js"></script>
      <script type="text/javascript">
        var defaultEncoding = 2; //网站编写字体是否繁体，1-繁体，2-简体
        var translateDelay = 0; //延迟时间,若不在前, 要设定延迟翻译时间, 如100表示100ms,默认为0
        var cookieDomain = "https://www.skpx.me/"; //Cookie地址, 一定要设定, 通常为你的网址
        var msgToTraditionalChinese = "中文繁體"; //此处可以更改为你想要显示的文字
        var msgToSimplifiedChinese = "中文简体"; //同上，但两处均不建议更改
        var translateButtonId = "translateLink"; //默认互换id
        translateInitilization();
      </script>
      <link rel="stylesheet" href="static/css/all.min.css">
      <div class="copyright">
        <p>实时在线人数: <b><span data-playercounter-ip="mc.vbpixel.cn">正在加载中...</span></b></p>
        <p>服务器目前 <span data-playercounter-ip="mc.vbpixel.cn" data-playercounter-status>正在加载中...</span></p>
        <div class="container">
          <!-- <a href="https://www.i8mc.cn" target="_blank"><img height="31" width="88" src="./CDiK6kw7p6M46RpFlVRT.png" alt="CDiK6kw7p6M46RpFlVRT.png" title="CDiK6kw7p6M46RpFlVRT.png" /></a>-->
          <!-- Automated remove, Reason: Didn't found "www.skpx.me" in website => www.i8mc.cn -->
          <br>
          <strong>VBPIXEL Networks</strong> &copy; 2022-2024. All rights reserved
        </div>
      </div>
      </div>
    </footer> <!-- /Footer -->


  </section>
  <!-- /Main Content -->
  <script src="../static/js/mc-player-counter.min.js"></script>
  <!-- mc player counter -->

  <!-- jQuery -->
  <script type="text/javascript" src="static/js/jquery.min.js"></script>

  <!-- Hexagon Progress -->
  <script type="text/javascript" src="static/js/jquery.hexagonprogress.min.js"></script>


  <!-- Bootstrap -->
  <script type="text/javascript" src="static/js/bootstrap.min.js"></script>

  <!-- Jarallax -->
  <script type="text/javascript" src="static/js/jarallax.min.js"></script>

  <!-- Smooth Scroll -->
  <script type="text/javascript" src="static/js/SmoothScroll.js"></script>

  <!-- Owl Carousel -->
  <script type="text/javascript" src="static/js/owl.carousel.min.js"></script>

  <!-- Countdown -->
  <script type="text/javascript" src="static/js/jquery.countdown.min.js"></script>

  <!-- Moment.js -->
  <script type="text/javascript" src="static/js/moment.min.js"></script>
  <script type="text/javascript" src="static/js/moment-timezone-with-data.min.js"></script>

  <!-- Magnific Popup -->
  <script type="text/javascript" src="static/js/jquery.magnific-popup.min.js"></script>

  <!-- Revolution Slider -->
  <script type="text/javascript" src="static/js/jquery.themepunch.tools.min.js"></script>
  <script type="text/javascript" src="static/js/jquery.themepunch.revolution.min.js"></script>

  <!-- ImagesLoaded -->
  <script type="text/javascript" src="static/js/imagesloaded.pkgd.min.js"></script>

  <!-- Isotope -->
  <script type="text/javascript" src="static/js/isotope.pkgd.min.js"></script>

  <!-- Bootstrap Validator -->
  <script type="text/javascript" src="static/js/validator.min.js"></script>

  <!-- Bootstrap Sweetalert -->
  <script type="text/javascript" src="static/js/sweet-alert.min.js"></script>

  <!-- Social Likes -->
  <script type="text/javascript" src="static/js/social-likes.min.js"></script>
  <!-- Youplay -->
  <script type="text/javascript" src="static/js/youplay.min.js"></script>

  <!-- init youplay -->
  <script>
    if (typeof youplay !== 'undefined') {
      youplay.init({
        // enable parallax
        parallax: true,

        // set small navbar on load
        navbarSmall: false,

        // enable fade effect between pages
        fadeBetweenPages: true,

        // twitter and instagram php paths
        php: {
          twitter: './php/twitter/tweet.php',
          instagram: './php/instagram/instagram.php'
        }
      });
    }
  </script>


</body>
<script src="static/js/sweetalert.min.js"></script>

</html>